<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<div align="right" >
					Buscar: <input name="filter" id="filter-box-pedidos" value="" maxlength="30" size="30" type="text" align="right">
								<!-- <input id="filter-clear-button" type="submit" value="Limpiar"/> -->
			</div>
<table  align="center" class="ui-widget ui-widget-content tablesorter" id="tb_sumi">
							<thead>
							<tr class="ui-widget-header">
								<th width='25'>Cod.Pedido</th>
								<th width='120'>Localidad</th>
								<th width='15'>Estado</th>
								<th  width='30'>F.Emision</th>
								<th width='15'>F.Atencion</th>
								<th  width='25'>C.Costos</th>
								<th width='15'>Cod.Ptal</th>
								<th  width='30'>Observaciones</th>
								<th  width='40'>Op.</th>
							</tr>
							</thead>
							<tbody>
							
							<c:forEach items="${lista_pedidos}" var="pedido" >
					            <tr>
					                <td>${pedido.cod_pedido}</td>
					                <td>${pedido.localidad}</td>
					                <td>${pedido.estado}</td>
					                <td>${pedido.fec_emision}</td>
					                <td>${pedido.fec_atencion}</td>
					                <td>${pedido.cen_costos}</td>
					                <td>${pedido.cod_presupuestal}</td>
					                <td>${pedido.observaciones}</td>
					                <td>
					                	<a class="detalle"><img src="<c:url value="/images/view_detailed.png" />" style="cursor: pointer" /></a>
					                	<a class="elimina"><img src="<c:url value="/images/delete.png" />" style="cursor: pointer" /></a>
					                </td>
					            </tr>
					            
					        </c:forEach>
					        </tbody>
</table>
 <div class="pager" id="pager_pedidos" style=" position: inherit;" align="center">
			
				<img class="first" src="<c:url value="/images/first.png" />"src="first.png">
				<img class="prev" src="<c:url value="/images/prev.png" />"src="prev.png">
				<input type="text" class="pagedisplay" size="5">
				<img class="next" src="<c:url value="/images/next.png" />"src="next.png">
				<img class="last" src="<c:url value="/images/last.png" />"src="last.png">
					<select class="pagesize">
						<option value="5" selected="selected">5</option>
						<option value="10" >10</option>
					</select>
				
			</div>
  <script type="text/javascript">
$(document).ready(function() {
	 $("a.detalle").click(getDetallesPedidos);
	$("#tb_sumi") 
	.tablesorter({widthFixed: true, widgets: ['zebra']})
	.tablesorterPager({container: $("#pager_pedidos"),size:5})
	.tablesorterFilter({filterContainer: $("#filter-box-pedidos"),
	   // filterClearContainer: $("#filter-clear-button"),
	    filterColumns: [0,1,2,3,4,5],
	    filterCaseSensitive: false,
	    filterWaitTime :200});

});


</script>      
        